.housepage{
    width: 100%;
    padding-bottom: 50px;
    box-sizing: border-box;
    position: relative;
    .nav{
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     .lefticon,.righticon{
         padding: 15px;
         box-sizing: border-box;
     }
     .centertitle{
         display: block;
         padding: 15px;
         box-sizing: border-box;
     }
     }
     .footer-fixed{
         position: fixed;
         width: 100%;
         bottom: 0;
         left: 0;
         display: flex;
         align-items: center;
         .footer-item{
             flex: 1;
             text-align: center;
             padding: 15px 0;
             box-sizing: border-box;
             border: 1px solid #CCCCCC;
             display: flex;
             justify-content: center;
             align-items: center;
             img{
                 width: 20px;
                 margin-right: 5px;
             }
         }
         .blud{
             background-color: #21b97a;
             color: white;
             font-weight: bold;
         }
     }
}
.swiper{
         width: 100%;
         .itemImg{
             width: 100%;
             img{
                  width: 100%;
                 height: 250px;
             }
         }
}
.infohouse{
       width: 100%;
       padding: 10px;
       box-sizing: border-box;
       .info1{
           width: 100%;
           p{
               font-size: 16px;
               font-weight: bold;
           }
       }
       .info2{
           width: 100%;
           margin: 10px 0px;
           padding: 10px 0px;
           box-sizing: border-box;
           border-top: 1px solid #CCCCCC;
           border-bottom: 1px solid #CCCCCC;
                      display: flex;
           
           justify-content: space-around;
           text-align: center;
           .info2-item{
              flex:1;
              display: flex;
              flex-direction: column;
              :nth-child(1) {
                  color: red;
                  font-size: 16px;
                  font-weight: bold;
                  display: block;
                  height: 30px;
                  line-height: 30px;
              }
           }

       }
       .info3{
           width: 100%;
           display: flex;
           flex-wrap: wrap;
           .info3-item{
               width: 50%;
               margin: 5px 0px;
               span{
                   color: #CCCCCC;
               }
           }
       }
}  
